$(function(){
	
	//功能图标开始
	
	//功能组件创建开始
	Vue.component('zss-icon', {
	  props: ['todo'],
	  template: '<div class="zss_p0"><a :class="todo.ysclass"><i :class="todo.icon" style="line-height:45px"></i></a><p class="zss_gnname">{{todo.text}}</p></div>'
	});
	//功能组件创建结束
	
	new Vue({
		el: "#zss_app1",
		data: {
			items: [
				{text:"办事指南",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #f48fb1 pink lighten-3",icon:"icon-edit-sign"},
				{text:"数据中心",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #64b5f6 blue lighten-2",icon:"icon-signal"},
				{text:"天气预报",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #81c784 green lighten-2",icon:"icon-cloud"},
				{text:"校园黄页",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #ffb74d orange lighten-2",icon:"icon-inbox"},
				{text:"wifi定位",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #29b6f6 light-blue lighten-1",icon:"icon-rss"}
			]
		}
	});
	
	new Vue({
		el: "#zss_app2",
		data: {
			items: [
				{text:"校园风光",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #29b6f6 light-blue lighten-1",icon:"icon-picture"},
				{text:"校园概况",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #ba68c8 purple lighten-2",icon:"icon-file-text-alt"},
				{text:"办事大厅",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #26c6da cyan lighten-1",icon:"icon-paste"},
				{text:"课程表",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx blue",icon:"icon-calendar"},
				{text:"更多",ysclass:"btn-floating waves-effect waves-light z-depth-0 zss_icondx #ec407a pink lighten-1",icon:"icon-plus"}
			]
		}
	});
	//功能图标结束
	
		
	//新闻列表开始	
	//新闻组件创建开始
	Vue.component('zss-news', {
	  props: ['todo'],
	  template: '<a :href="todo.href" class="zss_woydsj waves-effect Default"><div :class="todo.imgcol" style="padding: 0px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px"><img :src="todo.imgUrl" width="100%" /></div><div :class="todo.textcol" style="padding-right: 0px;"><p class="zss_tipb">{{todo.title}}</p><p class="zss_pbtext">{{todo.text}}</p><p class="zss_riqibaoda"><i class="icon-pencil" style="font-size:12px;color:#CACACA"></i> {{todo.shijian}}</p></div></a>'
	});
	//新闻组件创建结束
	
	new Vue({
		el: "#zss_appnews",
		data: {
			items: [
				{
					href:"#",
					title:"我院举行纪念长征胜利迎新晚会",
					imgUrl:"img/paodao.png",
					text:"10月27日下午，为期2天的我院第四届田径运动会暨2016年教职工为期2天的我院第四届田径运动会暨2016年教职工",
					shijian:"2016-11-20",
					imgcol:"col-xs-4",
					textcol:"col-xs-8"
				},
				{
					href:"#",
					title:"学校组织2016新生参观四川省博物馆学校组织2016新生参观四川省博物馆",
					imgUrl:"img/timg.jpg",
					text:"",
					shijian:"2016-11-22",
					imgcol:"zss_imgcol",
					textcol:"zss_textcol"
				},
				{
					href:"#",
					title:"我院举行纪念长征胜利迎新晚会",
					imgUrl:"img/3.jpg",
					text:"10月27日下午，为期2天的我院第四届田径运动会暨2016年教职工田径运动会暨2016年教职工",
					shijian:"2016-11-23",
					imgcol:"zss_imgcol",
					textcol:"zss_textcol"
				},
				{
					href:"#",
					title:"我院举行纪念长征胜利迎新晚会",
					imgUrl:"img/745810bece90093.jpg",
					text:"10月27日下午，为期2天的我院第四届田径运动会暨2016年教职工",
					shijian:"2016-11-26",
					imgcol:"col-xs-4",
					textcol:"col-xs-8"
				}
			]
		}
	});
	//新闻列表结束
	
})
